<div class="container">
      <div class="row">
        <div class="col-sm-11 col-md-9 center-column">
          <div class="panel">
            <div class="panel-heading">
            
              <div class="panel-title hidden-xs"> <span class="glyphicon glyphicon-tasks"></span> Danh sách hỗ trợ</div>
              
              <ul class="nav panel-tabs">
                <li class="active"><button onclick="window.location='<?php echo $baseurl.'manage/add-support.html'?>'" type="button" class="btn btn-info btn-gradient btn-sm">Thêm hỗ trợ mới</button></li>
              </ul>
            </div>
            <div class="panel-body">
              <div class="row">
                <div class="col-sm-6">
                  <div id="nestable1" class="nestable-white dd">
                  <small><strong>Lưu ý:</strong> Kéo thả để sắp xếp vị trí, vị trí sẽ tự động lưu lại khi bạn kéo thả.</small>
                  <small id="notification"></small>
                    <ol class="dd-list">
                      <?php foreach($data AS $el=>$le):?>
                      <li class="dd-item" data-id="<?php echo $le->id;?>">
                        <div class="dd-handle"><?php 
                        if(@$le->type_c == 0)
                        {
                            echo "['Yahoo'] :";
                        }else if(@$le->type_c == 1)
                        {
                            echo "['Skype'] :";
                        }else if(@$le->type_c == 2)
                        {
                            echo "['Số điện thoại'] :";
                        }
                        echo $le->content;?></div>
                        <div style="padding: 5px;position: absolute;float: right;width: auto;margin-top: -35px;right: 39px;">
                            <a href="<?php echo $baseurl.'manage/edit-support?id='.$le->id;?>">[ Sửa ] </a> &nbsp;&nbsp;&nbsp;
                        </div>
                        <div style="padding: 5px;position: absolute;float: right;width: auto;margin-top: -35px;right: 9px;">
                            <a href="<?php echo $baseurl.'manage/delete-support?id='.$le->id;?>">[ Xóa ]</a>
                        </div>
                      </li>
                      
                      <?php endforeach;?>
                      
                    </ol>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
<script>

function saveAjax()
{
    var dataList = $(".dd-item").map(function() {
            return $(this).data("id");
        }).get();
    var csrf = $("#csrf_pj").val();
    $.ajax({
       type: 'post',
       beforSend: function()
       {
            $("#notification").html('<center><br />Hệ thống đang cập nhật thứ tự mới.</center>');
       },
       url: '<?php echo $baseurl?>manage/savesort-support',
       data: ({id: dataList,csrf_pj: csrf}),
       success: function(data)
       {
            $("#notification").html('<center><br />Hệ thống đã cập nhật thành công.</center>');
            setTimeout(function()
            {
                $("#notification").html('');
            },1000);
       }
    });
}
</script>